<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/jquery-3.3.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/game.css"/>
		<link rel="stylesheet" href="//at.alicdn.com/t/font_952067_oh0mx4i5fm.css" />
		<title>枕头与熊</title>
	</head>
	<body>
		<div id="FlyingBear">
			<section id="topTitle">
				<div><img src="img/game/logo.png"/></div>
			</section>
			<section id="flyArea">
				<div id="bearAndPillow">
					<div id="pillow"><img src="img/game/zhentou1.png" alt="" /></div>
					<div id="bear"><img src="img/game/bear.png"/></div>
				</div>
			</section>
			<section id="ground">
				<div id="power">
					<div id="powerNum">0</div>
					<div id="powerBar">
						<div id="powerEnergy"></div>
						<div id="powerText">Power</div>
					</div>
				</div>
			</section>
			<section id="tip1">
				<div>长按屏幕蓄力</div>
				<div><i class="iconfont icon-dianji"></i></div>
			</section>
			<section id="tip2">
				<div>戳它，别掉下来了</div>
				<div><i class="iconfont icon-dianji"></i></div>
			</section>
			<section id="bgImg">
				<div id="beginImg"><img src="img/game/begin.png" alt="" /></div>
				<div id="endImg"><img src="img/game/end.png" alt="" /></div>
				<div id="star1Img"><img src="img/game/star1.png" alt="" /></div>
				<div id="star2Img"><img src="img/game/star2.png" alt="" /></div>
				<div id="star1ImgClone"><img src="img/game/star2.png" alt="" /></div>
				<div id="star2ImgClone"><img src="img/game/star1.png" alt="" /></div>
				<div id="sky1Img"><img src="img/game/sky1.png" alt="" /></div>
				<div id="sky2Img"><img src="img/game/sky2.png" alt="" /></div>
				<div id="pao1"><img src="img/game/pao1.png" alt="" /></div>
				<div id="pao2"><img src="img/game/pao2.png" alt="" /></div>
				<div id="pao3"><img src="img/game/pao3.png" alt="" /></div>
				<div id="pao4"><img src="img/game/pao4.png" alt="" /></div>
				<div id="pao5"><img src="img/game/pao5.png" alt="" /></div>
				<div id="pao6"><img src="img/game/pao6.png" alt="" /></div>
				<div id="pao7"><img src="img/game/pao7.png" alt="" /></div>
				<div id="pao8"><img src="img/game/pao8.png" alt="" /></div>
				<div id="pao9"><img src="img/game/pao9.png" alt="" /></div>
				<div id="pao10"><img src="img/game/pao10.png" alt="" /></div>
				<div id="pao11"><img src="img/game/pao11.png" alt="" /></div>
				<div id="pao12"><img src="img/game/pao12.png" alt="" /></div>
			</section>
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-body row">
							<div class="col-xs-offset-1 col-xs-10"></div>
							<div class="col-xs-offset-1 col-xs-5">当前成绩</div>
							<div class="col-xs-5">历史成绩</div>
							<div class="col-xs-offset-1 col-xs-10"></div>
							<div class="col-xs-offset-1 col-xs-5 nowScore">xxxx</div>
							<div class="col-xs-5 historyScore">xxxx</div>
							<div class="col-xs-offset-1 col-xs-10  CongratsText">恭喜你飞了<span class="nowScore">xxxx</span>米，现在你可以参与一次抽奖!</div>
						</div>
						<div class="modal-footer row">
							<div class="col-xs-1"></div>
							<div class="col-xs-5 btn1"><button type="button" class="btn btn-success playAgain" data-dismiss="modal">再玩一次</button></div>
							<div class="col-xs-5"><button type="button" class="btn btn-success luckyDraw" data-dismiss="modal">参与抽奖</button></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/game.js"></script>
</html>
